*{margin: 0;padding: 0;}
body{
	font-size: 12px;
	// 头部
	#top{
		width: 1349px;
		height: 31px;
		border-bottom:1px solid #ccc;
		margin: 0 auto;
		#top1{
			width: 1200px;
			height: 31px;
			// background: #666;
			margin: 0 auto;
			.top1_l{
				width: 100px;
				height: 30px;
				float: left;
				// background: pink;
				line-height: 30px;
				text-align: center;
			}
			.top1_r{
				width: 500px;
				height: 31px;
				// background: pink;
				float: right;
				text-align: center;
				.top1_rl{
					float: left;
					list-style: none;
					height: 31px;
					// background: #ccc;
					// margin-right:10px;
					&:hover .top1_rlh{
						display: block;
					}
					a{
						text-decoration: none;
						line-height: 31px;
						color:#666;
						i{
							width: 7px;
							height: 5px;
						}
					}
					.top1_rlh{
						width: 92px;
						height: 62px;
						border:1px solid #999;
						border-top:none; 
						background: white;
						margin-top: -1px;
						display: none;
						position:absolute;
						z-index: 5;
						li{
							list-style: none;
							&:hover{
								background: #F4F4F4;
							}
							a{
								width: 90px;
								height: 28px;

							}
						}
					}
				}
				.top1_rl1{
					float: left;
					list-style: none;
					height: 31px;
					// background: #ccc;
					margin-right:4px;
					text-align: center;
					// padding-right: 7px;
					position: relative;
					&:hover .top1_rlh1{
						display: block;
					}
					.top1_rl1d{
						width: 70px;
						height: 14px;
						border-left: 1px solid black;
						margin-top: 7px;
						float: left;
						padding-left:7px;
						text-align: center;
						i{
							float: left;
						}
						a{
							display: block;
							text-decoration: none;
							color:#666;
						}
					}
					.top1_rlh1{
						width: 282px;
						// height: 175px;
						border:1px solid #999;
						position: absolute;
						top:30px;
						left:-83px;
						background: white;
						border-top:none;
						display: none;
						ul{

							li{
								list-style: none;
								width: 250px;
								height:60px;
								// background: blue;
								margin: 0 auto;
								margin-top: 10px;
								
								img{
									width: 40px;
									height: 52px;
									float: left;
									// margin-top: 5px;
									// margin-right: 10px;
								}
								.top1_rlh1c{
									width: 150px;
									height: 50px;
									float: left;
									a{
										display: block;
										width: 150px;
										height: 20px;
										margin-top: 5px;
										text-decoration: none;
										color:#333;
										&:hover{
											text-decoration: underline;
										}
									}
									span{
										display: block;
										width: 150px;
										height: 20px;
										margin-top: 5px;
										color: #999;
									}
								}
								.top1_rlh1b{
									width: 30px;
									height: 50px;
									float:right;
									span{
										display: block;
										width: 30px;
										height: 20px;
										// border: 1px solid red;
										margin-top: 5px;
										font-size: 14px;
										color: #999;
									}
								}
								
							}
							.top1_rlh1l{
								width: 250px;
								height: 40px;
								border-top:1px solid #ccc;

								.top1_rlh1d{
									width: 250px;
									height: 40px;
									a{
										display: block;
										width: 82px;
										height: 22px;
										float: right;
										background:#FF4466;
										margin-top: 10px;
										border-radius: 10%; 
										text-align: center;
										line-height: 22px;
										text-decoration: none;
										color:white;
									}
								}
							}

						}
						
					}
				}
			}
		}
	}

	// banner区域
	#banner{
			width: 1349px;
			// height:644px;
			background:#F4F4F4;
			margin: 0 auto;
		#banner0{
				width: 1349px;
				height: 66px;
				// background: red;	
				border-bottom:1px solid #ccc; 
			#banner1{
				width: 1200px;
				height: 66px;
				// overflow: hidden;
				margin: 0 auto;
				#banner1_l{
					width: 225px;
					height: 52px;
					padding-top: 10px;
					float: left;
					
				}
				#banner1_r{
					width: 494px;
					height: 69px;
					float: right;
					// background: pink;
					#banner1_r1{
						width: 494px;
						height: 65px;
						// background: red;
					}
				}
			}
		}
		#menu{
			width: 1200px;
			height:50px;
			background: #F4F4F4;
			margin: 0 auto;
			margin-top: 30px; 
			ul{
				.menu1{
					height: 30px;
					list-style: none;
					float: left;
					// background: red;
					padding-left: 10px;
					line-height: 30px;
					a{
						text-align: center;
						line-height: 30px;
						text-decoration: none;
						font-size: 14px;
						color:white;
						
					}
				}
			}
		}
		#opt{
			width: 1200px;
			// height: 440px;
			background: white;
			margin: 0 auto;
			overflow: hidden;
			#opt_t{
				width: 1148px;
				margin: 0 auto;
				// background: red;
				// border-bottom:1px solid #ccc; 
				margin-top: 20px;
				.opt_tr{
					width: 1148px;
					height: 49px;
					.opt_td{
						width: 1148px;
						height: 49px;
						// background: blue;
						border-bottom:1px solid #EFEFEF; 
						.opt_td1{
							width: 66px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							float: left;

						}
						.opt_td2{
							width:396px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							 float: left;


						}
						.opt_td3{
							width:140px;
							height:49px;
							// background:pink;
							// text-align: center;
							line-height: 49px;
							 float: left;
						}
						.opt_td4{
							width:161px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							 float: left;
						}
						.opt_td5{
							width:205px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							 float: left;
						}
						.opt_td6{
							width:100px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							 float: left;
						}
						.opt_td7{
							width:80px;
							height:49px;
							// background:pink;
							text-align: center;
							line-height: 49px;
							 float: left;
						}
					}
				}
				.opt_tr1{
					width: 1148px;
					height: 62px;
					margin: 0 auto;
					border-bottom:1px solid #EFEFEF; 
					// background: pink;

					// overflow: hidden;
					// line-height: 62px;
					// margin-top: 10px;
					.opt_tr11{
						// width: 400px;
						height: 22px;
						margin: 0 auto;
						// background: blue;
						line-height: 22px;
						float: left;
						padding-top: 30px;
						margin-left: 10px;
					}
					.opt_tr12{
						height: 22px;
						margin: 0 auto;
						// background: blue;
						line-height: 22px;
						float:right;
						padding-top: 30px;

						li{
							float: left;
							margin-right:30px;
						}
						.opt_tr13{
							width: 56px;
							height: 22px;
							border:1px solid #ccc;
							float:right;
							position: relative;
							&:hover .opt_tr13h{
								display: block;
							}
						}
						.opt_tr13h{
							width: 318px;
							height: 255px;
							border:1px solid #ccc;
							background: white;
							position: absolute;
							top:20px;
							left:-263px;
							z-index: 3;
							display: none;
							p{
								width: 318px;
								height: 18px;
								margin: 0 auto;
								// background: red;
							}
							ul{
								width: 318px;
								height: 237px;
								li{
									width: 278px;
									height: 56px;
									margin-left:20px;
									// background: blue;
									list-style: none;
									border-bottom:1px solid #ccc;
									.opt_tr13h1{
										margin-top:15px;
										text-align: center;
										display: block;
										width: 55px;
										height: 25px;
										background: red;
										color: white;
										float: left;
									}
									p{
										width: 125px;
										height: 14px;
										margin-top: 5px;
										// float: left;
									}
									.opt_tr13h2{
										margin-top:-25px;
										text-align: center;
										display: block;
										width: 55px;
										height: 25px;
										border:1px solid #ccc;
										color: #ccc;
										float: right;
									}
								}
							}
						}
					}
				}
				.opt_tr2{
					width: 1148px;
					height: 113px;

					.opt_td{
						width: 1148px;
						height: 113px;
						// background: blue;
						border-bottom:1px solid #EFEFEF; 
						.opt_td1{
							width: 66px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height: 113px;
							float: left;

						}
						.opt_td2{
							width:396px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height: 113px;
							 float: left;
							 img{
							 	width:64px;
							 	height: 80px;
							 	border: 1px solid #ccc; 
							 	float: left;
							 	margin-top: 16px;
							 	margin-right: 10px;
							 }
							 a{
							 	display: block;
							 	font-size: 12px;
							 	text-decoration: none;
							 	// color:#ccc;
								float: left;
								margin-top: -30px;
								color: #333;
    							text-decoration: none;
    							&:hover{
    								text-decoration: underline;
    								text-decoration-color:#333;
    							}

							 }
						}
						.opt_td3{
							width:140px;
							height:113px;
							// background:pink;
							// text-align: center;
							line-height:113px;
							 float: left;
							 .opt_td31{
							 	width: 140px;
							 	height: 20px;
							 	margin-top:-10px;

							 }
						}
						.opt_td4{
							width:161px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height:113px;
							 float: left;
							 span{
							 	font-weight: 400px;
							 }
						}
						.opt_td5{
							width:205px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height:113px;
							 float: left;
							 .opt_td51{
								width: 27px;
								height: 27px;
								border: 1px solid #ccc;
								display: inline-block;
								margin-right: -7px;
								line-height: 27px;
							 }
							 .opt_td52{
								width: 45px;
								height: 27px;
								border: 1px solid #ccc;
								display: inline-block;
								margin-right: -7px;
								line-height: 27px;
							 }
							 .opt_td53{
								width: 27px;
								height: 27px;
								border: 1px solid #ccc;
								display: inline-block;
								margin-top: 15px;
								line-height: 27px;

							 }
						}
						.opt_td6{
							width:100px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height:113px;
							 float: left;
							 span{
							 	font-size: 20px;
							 	color: red;
							 }
						}
						.opt_td7{
							width:80px;
							height:113px;
							// background:pink;
							text-align: center;
							line-height:113px;
							 float: left;
						}
					}
				}
				.opt_tr3{
					width:1200px;
					height: 50px;
					clear: both;
					margin-top: 20px;
					margin-left:-26px; 
					.opt_tr31{
						width: 70px;
						height: 50px;
						// background: red;
						float: left;
						input{
							margin-top: 18px;
							margin-left:35px; 
						}
					}
					.opt_tr32{
						height: 35px;
						// background: red;
						float: left;
						margin-top:15px;
						a{
							color: #ccc;
						}
					}
					.opt_tr33{
						width: 400px;
						height: 50px;
						// background: red;
						float: right;
						.opt_tr33d{
							
							height: 50px;
							// background: blue;
							line-height: 50px;
							float: left;
						}
						.opt_tr33d1{
							width: 110px;
							height: 50px;
							// background:blue;
							line-height: 50px;
							font-size: 26px;
							font-weight: 700;
							float: left;
							color: red;
						}
						.opt_tr33d2{
							width: 152px;
							height: 51px;
							background: #ccc;
							float: right;
							line-height: 50px;
							font-size: 26px;
							font-weight: 700;
							text-align: center;
							color: white;
						}
					}
				}


			}
		}

	}
	// 站点配置
		#web{
			width: 1200px;
			height: 70px;
			margin:0 auto;
			// border:1px solid #999;
			line-height: 70px;
			span{
				color: #666;
			}
			a{
				text-decoration: none;
				color: #666;
				&:hover{
					color:#f69;
				}
			}

	}	
}